<?php
	session_start();
?>
<!doctype html>
<html>

    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>iQuit | Settings</title>
        <meta name="description" content="A mobile application to help you quit smoking.">
        <meta name="viewport" content="width=device-width">
        <link rel="stylesheet" href="css/style.css">
		<link href='http://fonts.googleapis.com/css?family=Muli' rel='stylesheet' type='text/css'>
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
		<script src="js/jquery.nicescroll.js"></script>
		<script>
			function init() {
			
				$("#scroller").niceScroll({autohidemode:false});
				
			}
			
			window.addEventListener('load', init, false);
			
		</script>
	</head>
	<body>
		<div id="main-wrapper">
			<?php 
				include "includes/nav.php";
			?>
			<header>
				iQuit
			</header>
			<div id="scroller">
				<div id="content">
					<div class="settings-menu">
						<form name="settings" action="formsubmit.php" method="post">
							<table border="0" cellpadding="0" cellspacing="0">
								<tr id="table-heading">
									<td colspan="2">Twitter</td>
								</tr>
								<tr>
									<td>Username</td>
									<td><input type="text" size="25" /></td>
								</tr>
								<tr>
									<td>Password</td>
									<td><input type="password" size="25" /></td>
								</tr>
								<tr><td></td></tr>
								<tr id="table-heading">
									<td colspan="2">Facebook</td>
								</tr>
								<tr>
									<td>Username</td>
									<td><input type="text" size="25" /></td>
								</tr>
								<tr>
									<td>Password</td>
									<td><input type="password" size="25" /></td>
								</tr>
								<tr><td></td></tr>
							</table>
							<table  border="0" cellpadding="0" cellspacing="0">
								<tr id="table-heading">
									<td colspan="2">Post data</td>
								</tr>
								<tr>
									<td>Post anonymously?</td>
									<td><input type="checkbox" value="anon-data" /></td>								
								</tr>
								<tr><td></td></tr>
								<tr id="table-heading">
									<td colspan="2">User Information</td>
								</tr>
								<tr>
									<td>Cigarettes per day</td>
									<td><input type="text" name="cig-per-day" maxlength="5" size="5"></td>
								</tr>
								<tr>
									<td>Spendings per week</td>
									<td><input type="text" name="spend-per-wk" maxlength="5" size="5"></td>
								</tr>
								<tr>
									<td>Savings goal</td>
									<td><input type="text" name="saving-goal" maxlength="5" size="5"></td>
								</tr>
								<tr>
									<td colspan="2"><input id="save-btn" type="submit" value="Save"></td>
								</tr>
							</table>
						</form>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>